<template>
	<div class="pankou bgwhite">
		<ol class="clearfix fontc3 fs14">
			<li class="fl highestPrice">
				<span class="ml10 fl">最高</span>
				<em class="mr10 fr red">{{curQuota.highestPrice||'-'}}</em>
			</li>
			<li class="fl lowestPrice">
				<span class="ml10 fl">最低</span>
				<em class="mr10 fr green">{{curQuota.lowestPrice||'-'}}</em>
			</li>
			<li class="fl openPrice">
				<span class="ml10 fl">开盘</span>
				<em class="mr10 fr">{{curQuota.openPrice||'-'}}</em>
			</li>
			<li class="fl preClsPrice">
				<span class="ml10 fl">昨收</span>
				<em class="mr10 fr">{{curQuota.preClsPrice||'-'}}</em>
			</li>
			<li class="fl openInterest">
				<span class="ml10 fl">持仓</span>
				<em class="mr10 fr">{{curQuota.openInterest||'-'}}</em>
			</li>
			<li class="fl preOpenInterest">
				<span class="ml10 fl">昨持仓</span>
				<em class="mr10 fr">{{curQuota.preOpenInterest||'-'}}</em>
			</li>
			<li class="fl positionVolume">
				<span class="ml10 fl">今结</span>
				<em class="mr10 fr">{{curQuota.positionVolume||'-'}}</em>
			</li>
			<li class="fl preSetPrice">
				<span class="ml10 fl">昨结</span>
				<em class="mr10 fr">{{curQuota.preSetPrice||'-'}}</em>
			</li>
			<li class="fl volume">
				<span class="ml10 fl">总手</span>
				<em class="mr10 fr">{{curQuota.volume||'-'}}</em>
			</li>
			<li class="fl turnover">
				<span class="ml10 fl">金额</span>
				<em class="mr10 fr">{{curQuota.turnover||'-'}}</em>
			</li>
			<li class="fl upLimitPrice">
				<span class="ml10 fl">涨停</span>
				<em class="mr10 fr">{{curQuota.upLimitPrice||'-'}}</em>
			</li>
			<li class="fl downLimitPrice">
				<span class="ml10 fl">跌停</span>
				<em class="mr10 fr">{{curQuota.downLimitPrice||'-'}}</em>
			</li>
		</ol>
	</div>
</template>

<script>
	export default {
		name: "handicap",
		props: {
			curQuota: {
				type: Object,
				default: {},
				required: true
			}
		}
	};
</script>
<style scoped lang='scss'>
	ol {
		border-top: 1px solid #e1e1e1;
	}
	ol li {
		width: 50%;
		line-height: rem(35px);
		box-sizing: border-box;
		border-right: 1px solid #e1e1e1;
		border-bottom: 1px solid #e1e1e1;
	}
	ol li:nth-of-type(even) {
		border-right: 0 none;
	}
	ol li em {
		width: 32%;
		overflow: hidden;
    }
    
</style>